/* 路线详情 */
page {
    background-color: #F2F2F2;
}

.content {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}

/* 顶部卡片 */
.planCard {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.planItem {
    position: relative;
    width: 100%;
    height: 250rpx;
    background-color: white;
    border-top: 1px solid #EEEEEE;
}

.itemTop {
    position: relative;
    display: flex;
    width: 100%;
    height: 70%;
}

.itemImage {
    padding: 20rpx;
    width: 130rpx;
    height: 130rpx;
}

.itemImage image {
    width: 100%;
    height: 100%;
    border-radius: 10rpx;
}

.itemTitle {
    flex: 1;
    font-size: 30rpx;
    padding: 20rpx 10rpx 10rpx 10rpx;
    font-family: '黑体';
    text-align: left;
    font-weight: 600;
    height: 40%;
}

.itemTypeTag {
    position: absolute;
    height: 44rpx;
    min-width: 36pt;
    line-height: 44rpx;
    font-size: 20rpx;
    border: #4186F5 solid 1px;
    text-align: center;
    color: #4186F5;
    border-radius: 15rpx;
    margin: 20rpx 0rpx 10rpx 0rpx;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 0rpx 10rpx;
}

.itemDes {
    position: absolute;
    height: 44rpx;
    line-height: 44rpx;
    margin: 20rpx 0rpx 10rpx 0rpx;
    right: 20rpx;
    font-size: 20rpx;
    color: grey;
}

.itemButtom {
    width: 100%;
    border-top: 1rpx solid #EEEEEE;
    display: flex;
    align-items: center;
}

.itemDate {
    padding: 20rpx;
    flex: 1;
    color: #AAAAAA;
    font-size: 25rpx;
}

.memberNum {
    padding: 20rpx;
    color: #AAAAAA;
    font-size: 25rpx;
}

.itemDate text {
    padding: 5rpx;
    color: #212121;
}

.memberNumPing {
    color: #4186F5;
}

/* end */

/* 旅行助手 */
.tripAssist {
    margin-top: 20rpx;
    width: 100%;
    /* height: 260rpx; */
    background-color: white;
}

.titleTop {
    display: flex;
    padding: 20rpx 20rpx 10rpx 20rpx;
}

.titleText {
    flex: 1;
    font-family: '黑体';
    font-size: 36rpx;
    font-weight: 600;
}

.travelReport {
    font-size: 25rpx;
    color: #4186F5;
    font-weight: 600;
}

.menuList {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.gridWarp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150rpx, 1fr));
    /* 每一列自动适配，最小宽度为100px，最多为主容器宽度的1/12 */
    gap: 8px;
    /* 设置项目之间的间隔 */
    padding-bottom: 10rpx;
}

.menuItem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150rpx;
    text-align: center;
    margin: 0rpx 20rpx 10rpx 20rpx;
    font-size: 25rpx;
    color: white;
    border-radius: 10rpx;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    padding: 15rpx 0rpx;
}


.planMapView {
    margin-top: 30rpx;
    width: 100%;
    height: 500rpx;
    background-color: white;
}

.planMap {
    padding: 10rpx;
}

/* 自写景点步骤条 */
.attractionsWarp {
    margin-top: 15rpx;
    width: 100%;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
}

.attractionsItem:first-child {
    position: relative;
    margin: 40rpx 0rpx 0rpx 120rpx;
    padding-left: 15rpx;
    width: 92%;
    min-height: 180rpx;
    border-left: 1px dashed #AAAAAA;
}

.attractionsItem:not(:last-child) {
    position: relative;
    margin: 30rpx 0rpx 0rpx 120rpx;
    padding-left: 15rpx;
    width: 92%;
    min-height: 180rpx;
    border-left: 1px dashed #AAAAAA;
}

.attractionsItem:last-child {
    position: relative;
    margin: 30rpx 0rpx 0rpx 120rpx;
    padding-left: 15rpx;
    width: 92%;
    min-height: 180rpx;
    padding-bottom: 40rpx;
}

.attractionsBorder:not(:last-child) {
    border-left: 1px dashed #FF9802;
}

.landscapeIcon {
    position: absolute;
    width: 45rpx;
    height: 45rpx;
    top: -23rpx;
    left: -23rpx;
    order: -1;
}

.landscapeIcon image {
    width: 100%;
    height: 100%;
}


.landscapeName {
    max-width: 400rpx;
    margin-top: -15rpx;
    margin-left: 10rpx;
    padding-left: 20rpx;
    font-size: 27rpx;
    font-family: '黑体';
    font-weight: 600;
    overflow: hidden;
    /* 隐藏超出容器的内容 */
    text-overflow: ellipsis;
    /* 显示省略号 */
}

.location {
    margin-top: -21rpx;
    margin-left: 20rpx;
    width: 35rpx;
    height: 35rpx;
}

.location image {
    width: 100%;
    height: 100%;
}

.landscapeDesc {
    margin-top: 10rpx;
    margin-left: 10rpx;
    padding-left: 20rpx;
    width: 425rpx;
    max-height: 55rpx;
    font-size: 22rpx;
    font-family: '黑体';
    display: -webkit-box;
    /*弹性伸缩盒子模型显示*/
    -webkit-box-orient: vertical;
    /*排列方式*/
    -webkit-line-clamp: 2;
    /*显示文本行数*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*溢出隐藏*/
}

.landscapeImage {
    position: absolute;
    width: 88rpx;
    height: 88rpx;
    right: 89rpx;
    top: 0;
    border-radius: 10rpx;
}

.landscapeImage image {
    width: 88rpx;
    height: 88rpx;
    border-radius: 10rpx;
}

.landscapeMenu {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 27rpx 0rpx 0rpx 10rpx;
    padding-left: 20rpx;
}

.taskBtn,
.descBtn {
    width: 100rpx;
    height: 45rpx;
    border-radius: 10rpx;
    line-height: 45rpx;
    text-align: center;
    border: #4186F5 solid 1px;
    color: #4186F5;
    font-size: 22rpx;
}

.descBtn {
    margin-left: 20rpx;
}

.nextlandscape {
    margin-top: 17rpx;
    margin-left: 10rpx;
    padding-left: 20rpx;
    width: 560rpx;
    height: 66rpx;
    line-height: 66rpx;
    background-color: #4186F5;
    text-align: center;
    color: white;
    border-radius: 15rpx;
    font-size: 25rpx;
    font-family: '黑体';
}

.completeTag {
    margin-top: 17rpx;
    margin-left: 10rpx;
    padding-left: 20rpx;
    width: 560rpx;
    height: 66rpx;
    line-height: 66rpx;
    text-align: center;
    border-radius: 15rpx;
    font-size: 25rpx;
    font-family: '黑体';
    color: white;
    border: 1px solid #07C160;
    background-color: #07C160;

}

/* 任务清单 */
.taskSheet {
    width: 100%;
    height: 900rpx;
    overflow: hidden;
    position: relative;
}

.SheetBg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 900rpx;
}

.SheetBg image {
    width: 100%;
    height: 100%;
}

.sheetTitle {
    margin: 30rpx 0rpx 0rpx 0rpx;
    font-size: 45rpx;
    font-family: '黑体';
    font-weight: 600;
    text-align: center;
}

.taskList {
    margin: 30rpx 0rpx 0rpx 0rpx;
    width: 90%;
    padding: 0rpx 20rpx;
    height: 650rpx;
    overflow: scroll;
}

.behaviorList,
.QAList {
    padding: 10rpx;
    overflow: auto;
}

.behaviorList text,
.QAList text {
    font-size: 30rpx;
    color: #FF5E5E;
    font-family: '黑体';
    font-weight: 600;
}

.listItem {
    padding: 10rpx;
    color: #212121;
}

/* end */

/*  公共嵌套盒子样式*/
.flexBox {
    display: flex;
    flex-direction: row;
}
